<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>用工工时</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <style type="text/css">
        table{
            width: 90%; font-size: 16px;text-align: center;margin: 0 auto;
            border-collapse: separate;border-spacing: 0;border: 2px #e0e0e0;
            margin-top: 20px;
        }
        td {
            border-bottom: 2px solid #eaeaea;
        }
        .tr1{
            background: #efefef;font-size: 14px;height:50px;
        }
        .tr2{
            height: 60px;border-bottom: 2px solid #eaeaea;font-size: 13px;
        }
        h1{
            text-align: center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- header -->
    <div th:replace="~{commons/header::header}"></div>

    <!-- left -->
    <div th:replace="~{commons/left::left}"></div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
        <div style="padding: 30px 30px ;">
            <h1>用工状态</h1>

            <table  class="gridtable">
                <thead>
                <tr class="tr1">
                    <th>序号</th>
                    <th>用工批次</th>
                    <th>用工部门</th>
                    <th>本次招聘人数</th>
                    <th>当前人数</th>
                </tr>
                </thead>
                <tbody>
                <tr  th:each="HwStateList:${HwStateList}" class="tr2">

                    <td th:text="${HwStateList.getHwStateNum()}"></td>
                    <td th:text="${HwStateList.getBatchTeam()}"> </td>
                    <td th:text="${HwStateList.getLaborUnit()}"></td>
                    <td th:text="${HwStateList.getLaborRecruitersNum()}"> </td>
                    <td th:text="${HwStateList.getHwStateNow()}" style="color: #00b4ef;"> </td>

                </tr>

                </tbody>
            </table>
            <div class="modal-footer no-margin-top">
                <div class="col-md-6" style="float: left;margin-top: 15px; margin-left: 400px;">
                    当前第 [[${pageInfo.pageNum}]]页,共 [[${pageInfo.pages}]] 页.一共 [[${pageInfo.total}]] 条记录
                </div>

                <ul class="pagination pull-right no-margin">
                    <li th:if="${pageInfo.hasPreviousPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_state?pageNum=1'" style="margin-left: 15px;color: #1e9fff;">首页</a>
                    </li>

                    <li class="prev" th:if="${pageInfo.hasPreviousPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_state?pageNum='+${pageInfo.prePage}" style="margin-left: 15px;color: #1e9fff;">
                            <i class="ace-icon fa fa-angle-double-left">上一页</i>
                        </a>
                    </li>
                    <!--遍历条数-->
                    <li th:each="nav:${pageInfo.navigatepageNums}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_state?pageNum='+${nav}" th:text="${nav}" th:if="${nav != pageInfo.pageNum}"
                           style="margin-left: 15px;color: #1e9fff;"></a>
                        <span style="font-weight: bold;background: #6faed9;" th:if="${nav == pageInfo.pageNum}" th:text="${nav}" ></span>
                    </li>

                    <li class="next" th:if="${pageInfo.hasNextPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_state?pageNum='+${pageInfo.nextPage}" style="margin-left: 15px;color: #1e9fff;">
                            <i class="ace-icon fa fa-angle-double-right">下一页</i>
                        </a>
                    </li>

                    <li style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_state?pageNum='+${pageInfo.pages}" style="margin-left: 15px;color: #1e9fff;">尾页</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
</script>
</body>
</html>